// Quasar SCSS (& Sass) Variables
// --------------------------------------------------
// To customize the look and feel of this app, you can override
// the Sass/SCSS variables found in Quasar's source Sass/SCSS files.

// Check documentation for full list of Quasar variables

// Your own variables (that are declared here) and Quasar's own
// ones will be available out of the box in your .vue/.scss/.sass files

// It's highly recommended to change the default colors
// to match your app's branding.
// Tip: Use the "Theme Builder" on Quasar's documentation website.

$primary: #ffa500;
$secondary: #26a69a;
$accent: #9c27b0;

$dark: #1d1d1d;
$dark-page: #121212;

$positive: #21ba45;
$negative: #c10015;
$info: #31ccec;
$warning: #f2c037;

$light-primary: rgb(255, 192, 77);
$stress-color: #ff8c00;

@font-face {
  font-family: AliMama;
  src: url('assets/font/Alimama_ShuHeiTi_Bold.woff2') format('woff2');
}

@font-face {
  font-family: DingDing;
  src: url('assets/font/zkYoBwkA98Yep6ld3u0gS.woff2') format('woff2');
}

.logo {
  font-family: AliMama;
  color: $primary;
}

.card {
  max-width: 100% !important;
  border-radius: 14px;
}

@mixin flex($direction: row, $item: center, $content: center) {
  display: flex;
  flex-direction: $direction;
  align-items: $item;
  justify-content: $content;
}
